<!DOCTYPE html>
<html>
<head>
    <title>SOS List</title>
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0-alpha.2/jquery.mobile-1.4.0-alpha.2.min.css">
    <style>
    body, .list{ margin:0; padding:0; bgcolor: silver;}
 <!--   tr:even{ bgcolor: silver; } -->
    </style>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.0-alpha.2/jquery.mobile-1.4.0-alpha.2.min.js"></script>
    <script>
//       $('tr:even').css('bgcolor', 'silver');
    </script>
</head>
<body>
    <div data-role="page">
        <div data-role="header" data-theme="b" data-position="fixed">
            <a href="/" data-icon="home" class="ui-btn-left">Home</a>
            <h1>SOS List</h1>
            <a href="#" data-icon="refresh">Refresh</a>
        </div>
        <div data-role="content">
        
	<h3>[App User View] 실종동물 BBS</h3>
	<table border="1" class="list">
	<tr>
		<th>No.</th>
		<th>Owner</th>
		<th>동물이름</th>
		<th>실종일자</th>
		<th>실종장소</th>
		<th>사례금</th>
	</tr>
	<% if(data.length==0){ %>
	<tr>
		<td colspan="7" align="center">내용 없음</td>
	</tr>
	<% }else{
		for(var i=data.length-1; i >= 0 ; i--){ %>
	<tr>
		<td><%= i+1 %></td>
		<td><%= data[i].owner %></td>
		<td><a href="/readview?i=<%= data[i].pid %>" rel="external"><%= data[i].name %></a></td>
		<td><%= data[i].mt %></td>
		<td><%= data[i].mp %></td>
		<td><%= data[i].cash %>만원</td>
	</tr>
	<% }
	} %>
	</table>

        </div>
    </div>
</body>
</html>